﻿/* Property Detail
=========================================================================================== */
.pageBody_print .property-info ul li img {
    float: right;
}

.pageBody_print .property-info ul li,
.pageBody_print .property-info ul li.yes {
    margin-right: 0px;
    position: relative
}

.propertyIntro {
    float: left;
    width: 600px;
    margin: 10px 15px 5px 15px;
}

    .propertyIntro h4 {
        font-size: 150%;
        color: #80b931;
    }

    .propertyIntro p {
        color: #858586 !important;
    }



.detail-top {
    height: 5px;
    background: #dfecff url(../images/generic/detailBg-top.gif) top no-repeat;
}

    .detail-top.noBG {
        background: none;
    }

.detail-bot {
    float: left;
    width: 630px;
    padding-bottom: 8px;
    background: #dfecff url(../images/generic/detailBg-bot.gif) bottom no-repeat;
}

    .detail-bot.noBG {
        background: none;
    }

    .detail-bot .content {
        padding: 2px 15px;
    }

    .detail-bot p.main {
        float: left;
        width: 250px;
        font-weight: bold;
        color: #548cd2 !important;
    }

    .detail-bot span.label {
        float: left;
        width: 250px;
        font-weight: bold;
        color: #858586 !important;
        font-size: 120%;
        line-height: 170%;
    }

    .detail-bot span.info {
        display: inline-block;
        width: 300px;
        color: #858586 !important;
        float: left;
        font-size: 120%;
        line-height: 170%;
    }

    .detail-bot a.info {
        display: inline-block;
        width: 300px;
        color: #548CD2 !important;
        float: left;
        font-size: 120%;
        line-height: 170%;
    }

    .detail-bot p.label {
        float: left;
        width: 250px;
        font-weight: bold;
        color: #858586 !important;
    }

    .detail-bot p.info {
        float: left;
        line-height: 110%;
        width: 300px;
        color: #858586 !important;
    }

        .detail-bot p.info strong {
            color: #3973c5;
        }

    .detail-bot p span {
        padding-right: 18px;
        margin-right: 15px;
    }

        .detail-bot p span.no {
            background: url(../images/generic/no-icon.gif) right no-repeat;
            min-width: 105px;
            display: inline-block;
        }

        .detail-bot p span.yes {
            background: url(../images/generic/yes-icon.gif) right no-repeat;
            min-width: 105px;
            display: inline-block;
        }


.info em.rententry { display:block; text-decoration:none; font-style:normal}

.property-info {
    float: left;
    width: 180px !important;
    margin: 5px 15px;
}

    .property-info p {
        color: #858586 !important;
    }

        .property-info p.main {
            color: #548cd2 !important;
            font-weight: bold;
            margin-bottom: 10px;
        }

    .property-info ul li {
        font-size: 110%;
        color: #858586 !important;
        line-height: 140%;
    }

        .property-info ul li.yes {
            background: url(../images/generic/yes-icon.gif) right no-repeat;
        }

.facilityNumbers {
    float: left;
    clear: both;
    width: 220px!important;
    margin: 5px 15px;
}

    .facilityNumbers span, .facilityNumbers p {
        display: block;
        margin: 0px;
    }


.property-safety {
    float: right;
    width: 600px;
    padding: 10px 15px 15px 15px;
    background: url(../images/generic/property-safety-bg-wide.gif) top left no-repeat;
}

    .property-safety p.main {
        color: #548cd2 !important;
        font-weight: bold;
    }

    .property-safety p {
        color: #858586 !important;
        display: inline-block;
    }

        .property-safety p.marginleft {
            margin: 0 0 0 40px;
            min-width: 250px;
        }

    .property-safety .inline {
        display: inline-block;
    }

    .property-safety p a {
        font-weight: bold;
        color: #548cd2 !important;
        text-decoration: none;
    }

        .property-safety p a:hover {
            color: #548cd2 !important;
            text-decoration: underline;
        }

    .property-safety p span {
        font-weight: bold;
        padding-right: 18px;
        margin-right: 15px;
        min-width: 150px;
        display: inline-block;
    }

        .property-safety p span.yes {
            background: url(../images/generic/yes-icon.gif) right no-repeat;
        }

        .property-safety p span.no {
            background: url(../images/generic/no-icon.gif) right no-repeat;
        }

.landlord-info {
    float: left;
    width: 360px;
    margin: 5px 15px;
}

    .landlord-info p.main {
        color: #548cd2 !important;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .landlord-info span {
        color: #858586 !important;
        font-size: 120%;
        line-height: 170%;
        display: block;
    }

        .landlord-info span a {
            color: #858586 !important;
            text-decoration: none;
        }

            .landlord-info span a:hover {
                color: #80b931 !important;
                text-decoration: underline;
            }

        .landlord-info span.label {
            float: left;
            width: 132px;
            font-weight: bold;
            color: #858586 !important;
        }

    .landlord-info .profile {
        float: left;
    }


.signoff {
    float: right;
    width: 240px;
    margin: 5px 0;
    text-align: center;
}

    .signoff img {
        margin-bottom: 20px;
    }

    .signoff p a {
        font-size: 110%;
        font-weight: bold;
        color: #548cd2 !important;
    }


.finish {
    float: left;
    width: 630px;
    text-align: center;
    margin: 15px 0;
}

    .finish p {
        color: #858586 !important;
        font-size: 130% !important;
        font-weight: bold;
    }

.map_travel_box {
    height: 120px;
    display: inline-block;
    width: 49%;
    vertical-align: top;
    font-family: "tahoma", "Arial", "Verdana", sans-serif;
    font-size: 12px;
    color: #244770;
    zoom: 1;
    *display: inline;
}

.map_travel_box_legend {
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.map_travel_title {
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    color: #444444;
    margin-top: 5px;
    margin-bottom: 5px;
}

.map_travel_selector {
    padding-left: 10px;
    margin-bottom: 2px;
}

    .map_travel_selector span {
        display: inline-block;
        width: 80px;
        overflow: hidden;
    }

    .map_travel_selector label {
        display: inline-block;
        width: 80px;
        overflow: hidden;
    }

    .map_travel_selector select {
        width: 180px;
        overflow: hidden;
    }

.map_travel_results span {
    padding-left: 10px;
    padding-top: 3px;
    color: #244770;
    display: inline-block;
    width: 80px;
}

.map_travel_results div {
    width: 180px;
    padding-top: 7px;
    display: inline-block;
    color: #000;
}

.agent-details-link {
    color: #3973c5;
    text-decoration: none;
}

.facility_holder {
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin: 0px 30px 0px 0px;
}

    .facility_holder .name {
        display: inline-block;
        *display: inline;
        zoom: 1;
        width: 80%;
    }

    .facility_holder .value {
        display: inline-block;
        *display: inline;
        zoom: 1;
        width: 20%;
        text-align: right;
    }

.header_email {
    float: left;
    width: 600px;
    padding: 2px 15px;
    font-size: 130%;
    color: #858585;
}

    .header_email a {
        color: #858585;
    }

.SocialArea {
    clear: both;
    padding-top: 10px;
    text-align: center;
}

/* MAP PRINT
========================================================================================== */
@media print {
    .mapPrint {
        background: none;
    }

        .mapPrint #banner,
        .mapPrint #main_content_holder,
        .mapPrint #featureContent,
        .mapPrint #footerWrapper,
        .mapPrint #headerImage {
            display: none;
        }

        .mapPrint .ui-dialog {
            position: static !important;
            width: 960px !important;
        }
}

@media only screen and (max-width: 767px) {
    #propertyDetails .mobile_content .m_rent em.rententry {
        display: block;
        margin: 0px 0px 0px 60px;
    }

    #propertyDetails .mobile_content .m_rent em.rententry:first-child {
        margin: -16px 0px 0px 60px;
    }
}